<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="/templates/template.xhtml">
	<ui:define name="pageTitle">Pagamentos</ui:define>
	<ui:define name="pageHeader">Registro de Pagamentos</ui:define>
	<ui:define name="body">
		<h:form>

			<h:panelGrid columns="3">
				<h:outputLabel value="Cliente: " />
				<h:selectOneMenu value="#{registroPagamento.clienteSelecionado}">
					<f:selectItem itemLabel="Selecione um cliente: " />
					<f:selectItems value="#{registroPagamento.clientesSelect}" />
					<f:ajax event="change" render="idClienteSelecionado" />
				</h:selectOneMenu>
				
				<h:outputLabel value="Saldo R$: #{registroPagamento.clienteSelecionado.saldo}" id="idClienteSelecionado"/>
				
				<h:outputLabel value="Pagamento R$: " />
				<h:inputText value="#{registroPagamento.pagamento.valor}"
					id="valorPagamento" >
				</h:inputText>
			</h:panelGrid>
				<h:commandButton value="Registrar Pagamento" action="#{registroPagamento.finalizarPagamento}" onclick="if(!confirm('Deseja realmente registrar o pagamento?')) return false;">
				</h:commandButton>
				<br />
				<br />
		</h:form>
	</ui:define>
</ui:composition>

</html>